Show dry result in tabs

Thiago Talma 9 gadi atpakaļ
vecāks
revīzija
5bd2b25bc5
1 mainītis faili ar 24 papildinājumiem un 6 dzēšanām
  1. 24 6
      app/assets/javascripts/components/utils.js.coffee

+ 24 - 6
app/assets/javascripts/components/utils.js.coffee

@@ -99,12 +99,30 @@ class @Utils
99 99
         $('body').css(cursor: 'auto')
100 100
       .done (json) =>
101 101
         Utils.showDynamicModal """
102
-          <h5>Log</h5>
103
-          <pre class="agent-dry-run-log"></pre>
104
-          <h5>Events</h5>
105
-          <pre class="agent-dry-run-events"></pre>
106
-          <h5>Memory</h5>
107
-          <pre class="agent-dry-run-memory"></pre>
102
+          <!-- Nav tabs -->
103
+          <ul class="nav nav-tabs" role="tablist">
104
+            <li role="presentation" class="active"><a href="#log" aria-controls="log" role="tab" data-toggle="tab">Log</a></li>
105
+            <li role="presentation"><a href="#events" aria-controls="events" role="tab" data-toggle="tab">Events</a></li>
106
+            <li role="presentation"><a href="#memory" aria-controls="memory" role="tab" data-toggle="tab">Memory</a></li>
107
+          </ul>
108
+          <!-- Tab panes -->
109
+          <div class="tab-content">
110
+            <div role="tabpanel" class="tab-pane active" id="log">
111
+              <p>
112
+                <pre class="agent-dry-run-log"></pre>
113
+              </p>
114
+            </div>
115
+            <div role="tabpanel" class="tab-pane" id="events">
116
+              <p>
117
+                <pre class="agent-dry-run-events"></pre>
118
+              </p>
119
+            </div>
120
+            <div role="tabpanel" class="tab-pane" id="memory">
121
+              <p>
122
+                <pre class="agent-dry-run-memory"></pre>
123
+              </p>
124
+            </div>
125
+          </div>
108 126
           """,
109 127
           body: (body) ->
110 128
             $(body).